@charset "utf-8";
/* CSS Document */

.index1{position:relative;}
.index1 .list{font-size:0;}
.index1 .item{width:25%;padding-top:18%;display: inline-block;position: relative;overflow: hidden;background:#000;}
.index1 .item a{position:absolute;left:0;top:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;
transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}
.index1 .item.s a{opacity:0.6;}
.index1 .item.ss a{opacity:1;transform:scale(1.1);-webkit-transform:scale(1.1);}

.index2{height:817px;}
.index2 .left{height:100%;width:50%;background:url(../images/bg2a.jpg) center center no-repeat;background-size:cover;position:relative;}
.index2 .right{height:100%;width:50%;background:url(../images/bg2b.jpg) center center no-repeat;background-size:cover;position:relative;}
.index2 .circle{width:593px;height:593px;position:absolute;left:50%;top:50%;margin:-296px 0 0 -296px;}
.index2 .circle .c{position:absolute;left:0%;top:0%;width:100%;height:100%;margin:0;opacity:0;
transition:all 1s ease-out 0.5s;-webkit-transition:all 1s ease-out 0.5s;
transform:scale(0.9);-webkit-transform:scale(0.9);}
.index2.show .circle .c1{margin:-30px 0 0 30px;opacity:1;transform:scale(1);-webkit-transform:scale(1);}
.index2.show .circle .c2{margin:0 0 0 20px;opacity:1;transform:scale(1);-webkit-transform:scale(1);}
.index2.show .circle .c3{margin:0 0 0 0px;opacity:1;transform:scale(1);-webkit-transform:scale(1);}
.index2.show .circle .c4{margin:20px 0 0 -25px;opacity:1;transform:scale(1);-webkit-transform:scale(1);}
.index2 .circle .inner{position:relative;height:100%;}
.index2 .circle .inner div{text-align:center;position:absolute;border-radius:100%;font-size:22px;color:#339aca;opacity:0;
transform:scale(0);-webkit-transform:scale(0);box-shadow:0 0 20px rgba(0,0,0,0.05);
transition:all 0.8s ease-out 0s;-webkit-transition:all 0.8s ease-out 0s;}
.index2 .circle .inner div span{display:inline-block;vertical-align: middle;}
.index2 .circle .inner div:after{content:"";height:100%;display:inline-block;vertical-align:middle;}
.index2 .circle .inner .d1{width:190px;height:190px;left: 18px; top: 100px;background:rgba(255,255,255,1);
transition-delay:0.3s;-webkit-transition-delay:0.3s;}
.index2 .circle .inner .d2{width:232px;height:232px;left: 280px; top: 90px;background:rgba(255,255,255,0.8);
transition-delay:0.4s;-webkit-transition-delay:0.4s;}
.index2 .circle .inner .d3{width:145px;height:145px;left: 440px; top: 13px;z-index: 1;background:rgba(255,255,255,1);
transition-delay:0.4s;-webkit-transition-delay:0.4s;}
.index2 .circle .inner .d4{width:212px;height:212px;left: 60px; top: 330px;background:rgba(255,255,255,0.7);
transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.index2 .circle .inner .d5{width:164px;height:164px;left: 351px; top: 413px;background:rgba(255,255,255,0.9);
transition-delay:0.3s;-webkit-transition-delay:0.3s;}
.index2 .circle .inner .d6{width:127px;height:127px;left: -35px; top: 320px;background:rgba(255,255,255,0.8);
transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.index2 .circle .inner .d7{width:88px;height:88px;left: 564px; top: 303px;background:rgba(255,255,255,1);
transition-delay:0.3s;-webkit-transition-delay:0.3s;}
.index2.show .circle .inner div{opacity:1;transform:scale(1);-webkit-transform:scale(1);}
.index2 .circle .inner div.s:hover{background:rgba(255,255,255,1);
transform:scale(1.05);-webkit-transform:scale(1.05);
transition-duration:0.2s;-webkit-transition-duration:0.2s;box-shadow:0 0 15px rgba(0,0,0,0.2);z-index:1;}


.index2 .list{position:absolute;left:50%;top:50%;width:60%;transform:translate(-50%,-50%);}
.index2 .list .item{margin-bottom:45px;color:#fff;opacity:0;
transform:translateX(-50px);-webkit-transform:translateX(-50px);
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.index2.show .list .item{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.index2 .list .item:nth-child(1){transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.index2 .list .item:nth-child(2){transition-delay:0.4s;-webkit-transition-delay:0.4s;}
.index2 .list .item:nth-child(3){transition-delay:0.6s;-webkit-transition-delay:0.6s;}
.index2 .list .item:nth-child(4){transition-delay:0.8s;-webkit-transition-delay:0.8s;}
.index2 .list .item:nth-child(5){transition-delay:1s;-webkit-transition-delay:1s;}
.index2 .list .item:nth-child(6){transition-delay:1.2s;-webkit-transition-delay:1.2s;}
.index2 .list .item h3{color:#fff;font-size:20px;}
.index2 .list .item h3 span{font-family:Arial;text-transform:uppercase;margin-left:10px;}
.index2 .list .item p{margin-top:8px;}
.index2 .list .item i{float:left;width:55px;height:50px;margin-right:10px;}
.index2 .list .item .i1{background:url(../images/icon2_1.png) center center no-repeat;}
.index2 .list .item .i2{background:url(../images/icon2_2.png) center center no-repeat;}
.index2 .list .item .i3{background:url(../images/icon2_3.png) center center no-repeat;}
.index2 .list .item .i4{background:url(../images/icon2_4.png) center center no-repeat;}
.index2 .list .item .i5{background:url(../images/icon2_5.png) center center no-repeat;}

.index3 .block{padding:100px 0;width:auto;max-width:1575px;}
.index3 .tabs{text-align:center;}
.index3 .tabs a{display:inline-block;font-size:30px;color:#474747;margin:0 30px;}
.index3 .tabs i{display:block;height:5px;margin:auto;background:#27bec9;width:0;margin-top:8px;width:auto;}
.index3 .list{margin:40px 2% 0;}
.index3 .list .item{width:31.3%;overflow:hidden;margin:0 1% 2%;float:left;opacity:0;position:relative;
transform:translateY(50px);-webkit-transform:translateY(50px);
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.index3.show .list .item{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.index3.show .list .item:nth-child(2){transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.index3.show .list .item:nth-child(3){transition-delay:0.4s;-webkit-transition-delay:0.4s;}
.index3.show .list .item:nth-child(4){transition-delay:0.6s;-webkit-transition-delay:0.6s;}
.index3.show .list .item:nth-child(5){transition-delay:0.8s;-webkit-transition-delay:0.8s;}
.index3.show .list .item:nth-child(6){transition-delay:1s;-webkit-transition-delay:1s;}
.index3 .list .item img{width:100%;height:auto;transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;
transform-origin:80% 80%;}
.index3 .list .item:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.index3 .list .item .mask{background:url(../images/blue.png);position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;opacity:0;filter:alpha(opacity='0');
transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}
.index3 .list .item:hover .mask{opacity:1;filter:alpha(opacity='100');}
.index3 .list .item .mask img{margin-top:50px;width:auto;}
.index3 .list .item .mask span{color:#fff;margin-top:10px;display:block;font-size:16px;}
.index3 .list2{margin:40px 2% 0;}
.index3 .list2 .item{float:left;margin:0 1% 2%;width:23%;background:#eee;}
.index3 .list2 .item .pic{float:left;width:60%;overflow:hidden;}
.index3 .list2 .item .pic img{width:100%;height:auto;}
.index3 .list2 .item .code{float:left;width:40%;text-align:center;}
.index3 .list2 .item .code img{width:70%;margin-top:60%;}
.index3 .list2 .item .code h3{font:16px;margin-top:10px;}

.index4{background:url(../images/bg3.jpg) center center no-repeat;background-size:cover;padding:130px 0;}
.index4 .list{margin-top:20px;padding:0 5%;}
.index4 .item{float:left;width:40%;margin-bottom:40px;opacity:0;margin:0 5% 2%;color: #333;
transform:translateX(-100px);-webkit-transform:translateX(-100px);
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.index4 .item:nth-child(1n){transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.index4 .item:nth-child(2n){transition-delay:0.3s;-webkit-transition-delay:0.3s;}
.index4 .item:nth-child(3n){transition-delay:0.4s;-webkit-transition-delay:0.4s;}
.index4 .item:nth-child(4n){transition-delay:0.5s;-webkit-transition-delay:0.5s;}
.index4.show .item{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.index4.show .item a{transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;display:block;}

.index4 .item:nth-child(2n+1){ clear:left; }

.index4.show .item a:hover{transform:translateX(10px);-webkit-transform:translateX(10px);}
.index4 .item h3{font-size:18px;line-height:150%;}
.index4 .item p{margin-top:10px;font-size:12px;line-height:160%;}
.index4 .item .date{float:left;width:110px;font-family:Arial;margin-right:30px;}
.index4 .item .date span{font-size:20px;display:block;font-weight:bold;text-indent:5px;}
.index4 .item .date strong{font-size:100px;display:block;font-weight:bold;line-height:100%;}
.index4 .more{display:block;margin:20px auto 0;background:#27bec9;height:52px;line-height:52px;width:210px;text-align:center;color:#fff;font-size:18px;font-family:Arial;font-weight:bold; text-transform:uppercase;border-radius:26px;
transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}
.index4 .more:hover{box-shadow:2px 2px 4px rgba(0,0,0,0.3);background:#2dd3df;}


.banner{position:relative;overflow:hidden;}
.banner img{width:100%;height:auto;}
.banner .title{position:absolute;left:20%;top:50%;margin-top:-40px;opacity:0;
transform:translateX(150px);-webkit-transform:translateX(150px);
transition:all 1s ease-out 0.3s;-webkit-transition:all 1s ease-out 0.3s;}
.banner.show .title{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.banner .title .bar{background:#27bec9;height:8px;width:0;
transition:all 0.8s ease-out 0.5s;-webkit-transition:all 0.8s ease-out 0.5s;}
.banner.show .title .bar{width:150px;}
.banner .title h1{font-size:60px;font-family:Arial;color:#fff;text-transform:uppercase;margin-top:15px;font-weight:bold;}

.case .list{font-size:0;}
.case .item{width:25%;padding-top:18%;display: inline-block;position: relative;overflow: hidden;background:#000;}
.case .item a{position:absolute;left:0;top:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;
transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}
.case .item.s a{opacity:0.6;}
.case .item.ss a{opacity:1;transform:scale(1.1);-webkit-transform:scale(1.1);}

.case_arc1{padding:100px 0;}
.case_arc1 .title{text-align:center;}
.case_arc1 .title h1{font-size:30px;}
.case_arc1 .title h2{ font-family:Arial;font-weight:bold;font-size:50px;margin-top:10px;text-transform:uppercase;}
.case_arc1 .title p{font-size:12px;color:#474747;margin-top:15px;line-height:180%;}
.case_arc1 .content{margin-top:50px;position:relative;}
.case_arc1 .pc{background:url(../images/pc.png) center top no-repeat;width:900px;height:680px;margin:auto;position:relative;padding-top:38px;}
.case_arc1 .pc .mask{background:url(../images/pc_mask.png) right top no-repeat;width:360px;height:550px;position:absolute;right:0;top:0;}
.case_arc1 .pc .inner{width:830px;height:467px;overflow:hidden;margin-left:34px;position:relative;}
.case_arc1 .pc .inner .frame{height:100%;overflow:hidden;}
.case_arc1 .pc .inner .frame .child{float:left;height:100%;width:100%;}
.case_arc1 .pc .inner img{width:100%;height:auto;}
.case_arc1 .pc .inner .prev{background:url(../images/arrow2_1.png) center center no-repeat;width:31px;height:30px;position:absolute;right:50%;bottom:20px;margin-right:5px;}
.case_arc1 .pc .inner .prev:hover{opacity:0.8;}
.case_arc1 .pc .inner .next{background:url(../images/arrow2_2.png) center center no-repeat;width:31px;height:30px;position:absolute;left:50%;bottom:20px;margin-left:5px;}
.case_arc1 .pc .inner .next:hover{opacity:0.8;}
.case_arc1 .phone{background:url(../images/phone.png) center top no-repeat;width:194px;height:420px;position:absolute;right:80px;top:290px;}
.case_arc1 .phone .mask{background:url(../images/phone_mask.png) right top no-repeat;width:80px;height:280px;position:absolute;right:0;top:0;}
.case_arc1 .phone .inner{padding-top:49px;margin-left:12px;width:171px;height:304px;overflow:hidden;}
.case_arc1.show .phone .inner{opacity:1;}
.case_arc1 .phone .inner img{width:100%;height:auto;}
.case_arc1 .more{display:block;margin:50px auto 0;background:#27bec9;height:42px;line-height:42px;width:210px;text-align:center;color:#fff;font-size:14px;font-family:Arial;font-weight:bold; text-transform:uppercase;border-radius:26px;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}
.case_arc1 .more:hover{box-shadow:2px 2px 4px rgba(0,0,0,0.3);background:#2dd3df;}
.case_arc1 .more img{vertical-align:sub;margin-right:10px;}
.case_arc2 img{width:100%;height:auto;}
.case_arc3{padding:150px 0;background:#243c4d;}
.case_arc3 .item{float:left;width:32%;margin-left:2%;overflow:hidden;}
.case_arc3 .item:first-child{margin-left:0;}
.case_arc3 .item a{display:block;height:100%;}
.case_arc3 .item img{width:100%;height:auto;
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.case_arc3 .item img:hover{transform:scale(1.05);-webkit-transform:scale(1.05);}


.service .text:before{content:"";height:4px;width:90px;background:#27bec9;display: block;}
.service .text h1{font-size:30px;color: #474747;margin-top:20px;}
.service .text h2{font-size:20px;color: #474747;font-family:Arial;margin-top:10px;margin-bottom:30px;}
.service .text h3{font-size:24px;color: #474747;margin-top:15px;}
.service .text p{font-size:18px;color: #474747;margin-top:10px;}
.service .text .list{margin-bottom:10px;}
.service .text .list h3{width:300px;display: inline-block;margin:0 0 15px 0;}
.service .text .link{color: #474747;margin-top:35px;}
.service .text .link a{margin:0 30px;cursor: pointer;color: #27bec9;}
.service .text .link a:hover{color:#005E76;;}
.service .text .link a:first-child{margin-left:0;}

.service1{position:relative;overflow:hidden;height:665px;}
.service1 .text{position:absolute;left:50%;top:150px;width:40%;opacity:0;
transform:translateX(100px);-webkit-transform:translateX(100px);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.service1.show .text{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.service1 .pic{position:absolute;left:5%;top:50%;opacity:0;max-width:40%;
transform:translate(-100px,-50%);-webkit-transform:translate(-100px,-50%);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.service1.show .pic{transform:translate(0,-50%);-webkit-transform:translate(0,-50%);opacity:1;}

.service2{position:relative;overflow:hidden;background:#dfdfdf;height:665px;}
.service2 .text{position:absolute;left:5%;top:140px;width:40%;opacity:0;
transform:translateX(-100px);-webkit-transform:translateX(-100px);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.service2.show .text{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.service2 .pic{position:absolute;left:55%;top:0px;opacity:0;width:45%;
transform:translateX(100px);-webkit-transform:translateX(100px);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.service2.show .pic{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}

.service3{position:relative;overflow:hidden;background:#f2f2f2;height:665px;}
.service3 .text{position:absolute;left:55%;top:110px;width:40%;opacity:0;
transform:translateX(100px);-webkit-transform:translateX(100px);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.service3.show .text{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.service3 .pic{position:absolute;left:5%;bottom:0px;opacity:0;max-width:40%;
transform:translateX(-100px);-webkit-transform:translateX(-100px);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.service3.show .pic{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}

.service4{position:relative;overflow:hidden;background:url(../images/pic26.jpg) center center no-repeat;background-size:cover;height:665px;}
.service4 .text{position:absolute;left:5%;top:180px;width:45%;opacity:0;
transform:translateX(-100px);-webkit-transform:translateX(-100px);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.service4.show .text{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}

.service5{position:relative;overflow:hidden;background:#f2f2f2;height:665px;}
.service5 .text{position:absolute;left:55%;top:210px;width:40%;opacity:0;
transform:translateX(100px);-webkit-transform:translateX(100px);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.service5.show .text{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.service5 .pic{position:absolute;left:5%;top:50%;opacity:0;max-width:40%;
transform:translate(-100px,-50%);-webkit-transform:translate(-100px,-50%);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.service5.show .pic{transform:translate(0,-50%);-webkit-transform:translate(0,-50%);opacity:1;}

.service7{height:838px;position:relative;}
.service7 .pic{float:left;width:50%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.service7 .list{float:right;position:relative;width:50%;height:100%;z-index:1;}
.service7 .list ul{padding:142px 0 0 133px;}
.service7 .list ul li{background:url(../images/ico2.png) left center no-repeat;padding-left:35px;opacity:0;
transform:translateX(-50px);-webkit-transform:translateX(-50px);
transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}
.service7.show .list ul li{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);}
.service7 .list ul li strong{font-size:16px;color:#474747;margin-right:10px;}
.service7 .list .l1{margin:0 0 0 0;}
.service7 .list .l2{margin:70px 0 0 105px;}
.service7 .list .l3{margin:90px 0 0 154px;}
.service7 .list .l4{margin:98px 0 0 156px;}
.service7 .list .l5{margin:109px 0 0 96px;}
.service7 .list .l6{margin:59px 0 0 0;}
.service7 .circle{position:absolute;left:50%;top:0;height:100%;width:50%;margin-left:-25%;}
.service7 .circle .l{float:left;height:100%;width:50%;position:relative;overflow:hidden;}
.service7 .circle .r{float:right;height:100%;width:50%;position:relative;overflow:hidden;}
.service7 .circle .c1{position:absolute;left:50%;top:50%;margin:-175px 0 0 -185px;
transform:scale(0) rotate(-270deg);-webkit-transform:scale(0) rotate(-270deg);
transition:all 0.8s ease-out 0s;-webkit-transition:all 0.8s ease-out 0s;}
.service7.show .circle .c1{transform:scale(1) rotate(0deg);-webkit-transform:scale(1) rotate(0deg);}
.service7 .circle .c2{position:absolute;left:0%;top:50%;margin:-219px 0 0 0;
transform:scale(0);-webkit-transform:scale(0);
transition:all 1s ease-out 0.3s;-webkit-transition:all 1s ease-out 0.3s;
transform-origin:left center;-webkit-transform-origin:left center;}
.service7.show .circle .c2{transform:scale(1);-webkit-transform:scale(1);}
.service7 .circle .c3{position:absolute;right:0%;top:50%;margin:-252px 0 0 0;
transform:scale(0);-webkit-transform:scale(0);
transition:all 1s ease-out 0.3s;-webkit-transition:all 1s ease-out 0.3s;
transform-origin:right center;-webkit-transform-origin:right center;}
.service7.show .circle .c3{transform:scale(1);-webkit-transform:scale(1);}
.service7 .circle .c4{position:absolute;left:0%;top:50%;margin:-303px 0 0 0;
transform:scale(0);-webkit-transform:scale(0);
transition:all 1s ease-out 0.5s;-webkit-transition:all 1s ease-out 0.5s;
transform-origin:left center;-webkit-transform-origin:left center;}
.service7.show .circle .c4{transform:scale(1);-webkit-transform:scale(1);}

.about{height:816px;}
.about .left{height:100%;width:50%;position:relative;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.about .right{height:100%;width:50%;position:relative;}
.about .circle{width:510px;height:510px;position:absolute;left:50%;top:50%;margin:-255px 0 0 -255px;}
.about .circle .c{position:absolute;left:0%;top:0%;width:548px;height:548px;margin:-19px 0 0 -19px;opacity:0;
transition:all 1s ease-out 0.5s;-webkit-transition:all 1s ease-out 0.5s;}
.about.show .circle .c1{margin:-38px 0 0 0;opacity:0.5;}
.about.show .circle .c2{margin:0px 0 0 5px;opacity:1;}
.about.show .circle .c3{margin:-20px 0 0 -50px;opacity:1;}
.about .circle .inner{position:relative;height:100%;background:url(../images/circle.png);text-align:center;opacity:0;
transform:scale(0.3);-webkit-transform:scale(0.3);
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.about.show .circle .inner{opacity:1;transform:scale(1);-webkit-transform:scale(1);}
.about .circle .inner .btn{position:absolute;left:50%;bottom:15%;width:50%;margin-left:-25%;height:60px;background:#27bec9;border-radius:30px;color:#fff;text-align:center;line-height:55px;font-size:25px;
transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}
.about .circle .inner .btn:hover{box-shadow:2px 2px 4px rgba(0,0,0,0.1);background:#2dd3df;}
.about .circle .inner h1{font-size:60px;font-weight:bold;padding-top:150px;text-transform:uppercase;font-family:Arial;}
.about .circle .inner h2{font-size:24px;margin-top:20px;}
.about .circle .inner p{margin-top:25px;color:#474747;line-height:160%;padding:0 20px;}

.about .right .inner{padding:150px 80px 0;}
.about .right .inner h1{font-size:60px;font-family:Arial;font-weight:bold;text-transform:uppercase;}
.about .right .form{margin-top:30px;}
.about .right .form .p:first-child{margin-bottom:20px;}
.about .right .form .p:after{content:"";display:block;clear:both;}
.about .right .form .input{float:left;height:52px;line-height:52px;background:url(../images/bg_gray.png);width:390px;}
.about .right .form .input:first-child{margin-right:20px;}
.about .right .form .input span{float:left;padding:0 15px;color:#909090;}
.about .right .form .input input{float:left;height:100%;line-height:inherit;width:300px;background:none;border:none;}
.about .right .form .textarea{background:url(../images/bg_gray.png);padding:0 15px 15px;}
.about .right .form .textarea p{line-height:50px;color:#909090;}
.about .right .form .textarea textarea{display:block;background:none;border:none;width:100%;height:200px;font-size:14px;resize:none;}
.about .right .button{height:65px;line-height:65px;background:#27bec9;font-size:30px;font-family:Arial;display:block;color:#fff;text-align:center;border-radius:30px;margin-top:30px;text-transform:uppercase;
transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}
.about .right .button:hover{box-shadow:2px 2px 4px rgba(0,0,0,0.1);background:#2dd3df;}

.news .list{padding:100px 0;}
.news .item{margin-top:40px;position:relative;height:189px;padding-left:90px;}
.news .item:first-child{margin-top:0;}
.news .item .date{position:absolute;left:0;top:20px;width:110px;font-family:Arial;color:#474747;
transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}
.news .item:hover .date{left:-25px;}
.news .item .date span{font-size:20px;display:block;font-weight:bold;text-indent:5px;}
.news .item .date strong{font-size:100px;display:block;font-weight:bold;line-height:100%;}
.news .item .date2{display:none;}
.news .item .pic{float:left;height:100%;width:252px;margin-right:40px;}
.news .item .pic img{width:100%;height:auto;}
.news .item h3 a{height:40px;line-height:40px;color:#474747;}
.news .item h1 a{height:40px;line-height:40px;color:#474747;font-size: 22px;}
.news .item p{margin-top:5px;font-size:12px;line-height:180%;}
.news .item .more{position:absolute;right:0;bottom:0;color:#707070;font-size:12px;font-family:Arial;text-transform:uppercase;height:15px;opacity:0;
transform:translateX(-30px);-webkit-transform:translateX(-30px);
transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}
.news .item:hover .more{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.news .item .more i{background:url(../images/ico3.png) center center no-repeat;width:15px;height:15px;float:right;margin-left:8px;}
.news .item:hover .more i{transform:rotate(360deg);-webkit-transform:rotate(360deg);
transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}

.news_arc{padding:100px 0;}
.news_arc .title{position:relative;}
.news_arc .title .date{float:left;width:150px;height:120px;font-family:Arial;color:#474747;border-right:1px solid #bbb;}
.news_arc .title .date span{font-size:20px;display:block;font-weight:bold;text-indent:5px;margin-top:5px;}
.news_arc .title .date strong{font-size:100px;display:block;font-weight:bold;line-height:100%;}
.news_arc .title h1{line-height:120px;font-size:30px; text-indent:50px;}
.news_arc .title .back{background:url(../images/ico4.png) left center no-repeat;padding-left:40px;height:24px;line-height:20px;font-size:12px;color:#909090;position:absolute;right:0;top:50px;}
.news_arc .content{padding:50px 0;line-height:180%;font-size:12px;}
.news_arc .list{border-top:1px solid #ddd;padding:30px 0;}
.news_arc .list .item{float:right;width:45%;}
.news_arc .list .item:first-child{float:left;}
.news_arc .list .item h2{float:left;font-size:18px;}
.news_arc .list .item h2 a{color:#474747;}
.news_arc .list .item span{float:right;}

.page_m{display:none;}
.page{padding:50px 0;text-align:right;overflow:hidden;}
.page a{display:inline-block;width:0;height:100px;line-height:100px;text-align:center;font-size:60px;font-weight:bold;font-family:Arial;color:#fff;background:#27bec9;perspective:100px;
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.page.show a{width:100px;}
.page a:nth-child(even){background:#0fa3ae;}
.page a i{display:block;height:100%;text-shadow:4px 2px 5px rgba(0,0,0,0.3);
transform:rotateY(-30deg) translateZ(-20px);-webkit-transform:rotateY(-30deg) translateZ(-20px);
transform-style:preserve-3d;-webkit-transform-style:preserve-3d;
transition:all 0.5s ease-out 0.5s;-webkit-transition:all 0.5s ease-out 0.5s;}
.page.show a i{transform:rotateY(0deg) translateZ(0px);-webkit-transform:rotateY(0deg) translateZ(0px);text-shadow:2px 1px 3px rgba(0,0,0,0.3);}
.page.done a i{transition-delay:0s;-webkit-transition-delay:0s;transition-duration:0.3s;-webkit-transition-duration:0.3s;}
.page a:hover i{transform:rotateY(-30deg);-webkit-transform:rotateY(-30deg);text-shadow:5px 2px 4px rgba(0,0,0,0.3);}

.p404{background:#27bec9;}
.p404 .block{height:600px;padding-top:140px;}
.p404 .pic{background:url(../images/404.png) center top no-repeat;height:370px;
animation:p404 0.5s linear 0.5s 1 both;-webkit-animation:p404 0.5s linear 0.5s 1 both;}
@-webkit-keyframes p404{
0%{-webkit-transform:scale(0);}
30%{-webkit-transform:scale(1.2);}
50%{-webkit-transform:scale(0.9);}
90%{-webkit-transform:scale(1.03);}
100%{-webkit-transform:scale(1);}
}
@keyframes p404{
0%{transform:scale(0);}
30%{transform:scale(1.2);}
50%{transform:scale(0.9);}
90%{transform:scale(1.03);}
100%{-webkit-transform:scale(1);}
}
.p404 h1{font-size:18px;color:#fff;text-align:center;}
.p404 h1 strong{display:block;margin-top:10px;font-weight:bold;font-size:20px;}
.p404 .btn{text-align:center;margin-top:30px;}
.p404 .btn a{display:inline-block;height:45px;line-height:45px;color:#27bec9;background:#fff;border-radius:23px;margin:0 10px;width:140px;font-size:16px;}
.p404 .btn a:hover{transform:scale(1.1);-webkit-transform:scale(1.1);}

.layer1{width:540px;margin-left:-270px;border-radius:10px;background:rgba(255,255,255,0.9);}
.layer1 .inner{padding:60px;font-size:30px;text-align: center;line-height:1.6;color: #474747;}
.layer1 .btns{text-align:center;margin-top:25px;}
.layer1 .btns a{display:inline-block;height:50px;width:200px;text-align: center;line-height:50px;color: #fff;background:#27bec9;border-radius:25px;font-size:18px;}